<?php include_component('headerMenu', 'breadCrumbs') ?>
<?php use_stylesheet('/enermaatik/maksja.css') ?>
<?php use_javascript('/enermaatik/js/login_basket.js') ?>
<div class="clear"></div>
<div class="ccontentbox">
	<div class="ccontent">
<?php include_partial('basketPage/progress', array('node' => $node)) ?>
		<div class="maksja">
			<div class="maksjaleft">
				<h1><?php echo __('uus klient ?') ?></h1>

				<div class="maksjabox">

					<div class="mbox last">
						<h1><?php echo __('you have to register to make orders') ?></h1>
						<p><?php echo __('this should only take approx 1 minute to complete') ?></p>
						<div class="bluebutton">

							<div class="bluebuttonleft"><img src="/enermaatik/img/bbl.png" width="8" height="26" alt=""/></div>
							<div class="bluebuttoncenter">
								<p><a href="<?php echo LinkGen::getInstance(LinkGen::REGISTER)->link(null, array('redirect' => LinkGen::getInstance(LinkGen::STRUCTURE)->link($node['id'], array('step' => 3)))) ?>"><?php echo __('registreeri kasutajaks') ?></a></p>
							</div>
							<div class="bluebuttonright"><img src="/enermaatik/img/bbr.png" width="8" height="26" alt=""/></div>
							<div class="clear"></div>
						</div>
                                                <h1><?php echo __('Skip registration') ?></h1>

						<div class="bluebutton">

							<div class="bluebuttonleft"><img src="/enermaatik/img/bbl.png" width="8" height="26" alt=""/></div>
							<div class="bluebuttoncenter">
								<p><a href="<?php echo LinkGen::getInstance(LinkGen::STRUCTURE)->link($node['id'], array('step' => 3)) ?>"><?php echo __('vormista ost') ?></a></p>
							</div>
							<div class="bluebuttonright"><img src="/enermaatik/img/bbr.png" width="8" height="26" alt=""/></div>
							<div class="clear"></div>
						</div>
					</div>

				</div>
			</div>
			<div class="maksjaright">
				<form id="login_form" action="<?php echo LinkGen::getInstance(LinkGen::STRUCTURE_ACTIONS)->link(null, array('module' => 'publicUserRegistration', 'action' => 'signIn', 'redirect' => LinkGen::getInstance(LinkGen::STRUCTURE)->link($node['id'], array('step' => 3)))) ?>" method="post">
				<?php echo $form->renderHiddenFields(true) ?>
				<h1><?php echo __('already have an account ?') ?></h1>
				<div class="maksjabox">
					<h2 id="flashes"></h2>
					<div class="mbox last">
						<div class="maksjaform">
							<div class="formleft"><img src="/enermaatik/img/formleft.png" width="10" height="30" alt=""/></div>
							<div class="formcenter">
								<?php echo $form['username']->render(array('class' => 'comcode')) ?>
							</div>
							<div class="formright"><img src="/enermaatik/img/formright.png" width="10" height="30" alt=""/></div>
						</div>
						 <div class="clear"></div>
						 <div class="maksjaformpass">
							<div class="formleft"><img src="/enermaatik/img/formleft.png" width="10" height="30" alt=""/></div>
							<div class="formcenter">
								<?php echo $form['password']->render(array('class' => 'comcode')) ?>
							</div>
							<div class="formright"><img src="/enermaatik/img/formright.png" width="10" height="30" alt=""/></div>
						</div>
						<div class="clear"></div>
						<div class="bluebutton sign">
							<div class="bluebuttonleft"><img src="/enermaatik/img/bbl.png" width="8" height="26" alt=""/></div>
							<div class="bluebuttoncenter">
								<p><a id="submit_button" href="#"><?php echo __('logi sisse') ?></a></p>

							</div>
							<div class="bluebuttonright"><img src="/enermaatik/img/bbr.png" width="8" height="26" alt=""/></div>
							<div class="clear"></div>
						</div>
						<div class="pass">
							<!-- <p><a href="#">Forgot Your Password?</a></p> -->
						</div>
					</div>

				</div>
				</form>
			</div>
			<div class="clear"></div>
		</div>
		<div class="ccontentmainbottom"></div>
		<div class="clear"></div>
		<div class="tablebuttons">
			<div class="hallbutton">
				<div class="hallbuttonleft"><img src="/enermaatik/img/tbl.png" width="8" height="26" alt=""/></div>

				<div class="hallbuttoncenter">
					<p><a href="#">Jätka ostmist</a></p>
				</div>
				<div class="hallbuttonright"><img src="/enermaatik/img/tbr.png" width="8" height="26" alt=""/></div>
				<div class="clear"></div>
			</div>
			<div class="button">
				<div class="buttonleft"><img src="/enermaatik/img/rbleft.png" width="8" height="26" alt=""/></div>

				<div class="buttoncenter">
					<a href="#">Edasi ostu vormistama</a>
				</div>
				<div class="buttonright"><img src="/enermaatik/img/rbr.png" width="8" height="26" alt=""/></div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>

	</div>
</div>